<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="./static/new_ui/new_css/style.css">
    <link rel="stylesheet" href="./static/new_ui/new_css/base_v3.2.css">
    <script type="text/javascript" src="./static/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="./static/js/base_v3.2.0.js"></script>
    <title>中华健身俱乐部</title>
    <style>
        @-webkit-keyframes up-animate1 {
            0% {;
                opacity: 1;
                top: 82%;
            }
            50% {
                opacity: 0;
                top: 87%;
            }
            100% {
                opacity: 1;
                top: 82%;
            }
        }
    </style>
    <link rel="stylesheet"
          href="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/css/style.css?random=0.0731036965607289"/>
    <link rel="stylesheet"
          href="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/css/theme-style.css?random=0.652928539404333"/>
    <link rel="stylesheet" href="./static/new_ui/new_css/style.css">
    <link type="text/css" rel="stylesheet"
          href="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/css/modal.css?random=0.7483332779730771">
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/jsDialog.js"></script>

    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/share.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/jsDialog.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/iscroll.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/zepto.min.js"></script>

    <script type="text/javascript">
        //底部菜单展开收起功能
        var hasTouch = 'ontouchstart' in window;
        var END_EV = hasTouch ? 'touchend' : 'mouseup';
        var orgain_href = document.location.href;
        var local_href = document.location.href;
        if (orgain_href.indexOf("?") != -1) {
            local_href = document.location.href;
        }

        $(function () {
            $('input,textarea').on('focus', function () {
                $('#JS_footerNav').addClass('none');
                if ($('#senddiv')) {
                    $('#senddiv').css('bottom', '0px');
                }
            })
            $('input,textarea').on('blur', function () {
                $('#JS_footerNav').removeClass('none');
                if ($('#senddiv')) {
                    $('#senddiv').css('bottom', '45px');
                }
            });

            // 加载遮罩层
            var str = "<div id='zhezhao' class='zhezhao none' style='position:fixed; width:100%;height:100%;top:0;'><a href='javascript:void;' style='display:inline-block; width:100%;height:100%;'></a></div>"
            $("body").append(str);

            var hasTouch = 'ontouchstart' in window;
            var START_EV = hasTouch ? 'touchstart' : 'mousedown';
            var END_EV = hasTouch ? 'touchend' : 'mouseup';
            /*底部菜单点击效果*/
            $('#JS_footerNav td').each(function (i) {
                $(this).on('click', function (e) {
                    if ($(this).hasClass('current')) {
                        $(this).removeClass('current');
                        $("#zhezhao").addClass("none");
                    } else {
                        $('#JS_footerNav td').removeClass("current").eq(i).addClass("current");
                        $("#zhezhao").removeClass("none");
                    }
                    var subNav = $(this).find('.subNav');
                    subNav.css('margin-right', subNav[0].offsetWidth / -2 + 'px');
                    if (i == 3 && subNav[0].offsetWidth > $(this)[0].offsetWidth) {
                        subNav.css({'right': '5px', 'margin-right': '0px'});
                    }
                    e.stopPropagation();
                })
            });
        });

        function hideShare() {
            hideMaskLayer();
            $('#JS_share_layer').addClass('none');
        }

        function showMaskLayer() {//显示遮罩层
            var op = document.getElementById('JS_mask');
            if (op) {
                op.parentNode.removeChild(op)
            }
            var height = (document.body.scrollHeight >= window.screen.availHeight) ? document.body.scrollHeight : window.screen.availHeight;
            var mask = document.createElement('div');
            mask.id = 'JS_mask';
            mask.className = 'maskLayer';
            mask.style.cssText = 'height:' + height + 'px';
            document.body.appendChild(mask);
        }
        function hideMaskLayer() {//关闭遮罩层
            var op = document.getElementById('JS_mask');
            if (!op) return;
            op.parentNode.removeChild(op);
            $('#JS_yanshi_lyer').addClass('none');
        }
    </script>

    <script type="text/template" id="shareContentText"></script>
    <script type="text/template" id="memberShareContentText"></script>
</head>
<body class="color-a" style="position: relative;">
<div class="theme-1" data-href="themes-bg-edit">
    <div class="carousel hover-parent" data-href="themes-banner-edit">
        <div class="wipe-list">
            <ul class="wipe-list-ul clearFix" id="wipeUl" style="margin-left: -235px;">
                <li style="width: 235px;">
                    <a class="banner-go" href="./intro">
                        <img src="./static/new_ui/images/2.jpg">
                    </a>
                </li>
                <li style="width: 235px;"><a class="banner-go" href="javascript:;">
                    <img src="./static/new_ui/images/3.jpg"></a></li>

                <li style="width: 235px;"><a href="javascript:;" class="banner-go"><img
                        src="http://img.fcstatic.naryou.cn/img/INDEX_TEMPLATE/20150325/1427280162524.jpg"></a></li>
            </ul>
        </div>
        <div class="gcdt-list-cur gcdt-list-curo" style="margin-left: -22.5px;">
            <div class=""></div>
            <div class="cur"></div>
            <div class=""></div>
        </div>
    </div>

    <div class="nav" style="border: none;">
        <a class="nav-items clearFix hover-parent themes-delete" data-href="themes-menus-edit"
           href="/intro" style="background-color: rgb(19, 173, 101);">

            <div class="nav-name nav-name-left">
                <h1>俱乐部概况</h1>
                <h2></h2>
            </div>
            <span class="nav-name-arrow"></span>

            <div class="nav-img nav-img-right">
                <img src="./static/new_ui/images/clubintroduce.jpg"></div>
        </a>
        <a class="nav-items clearFix hover-parent themes-delete" style="background-color: rgb(23, 176, 105);"
           data-href="themes-menus-edit" href="/pic">

            <div class="nav-img nav-img-left">
                <img src="./static/new_ui/images/1.jpg"></div>
            <div class="nav-name nav-name-right">
                <h1>俱乐部风采</h1>

                <h2></h2>

            </div>
            <span class="right-side"></span>
        </a>
        <!--<a class="nav-items clearFix hover-parent themes-delete" data-href="themes-menus-edit" href="javascript:;"-->
           <!--style="background-color: rgb(26, 173, 105);">-->
            <!--<div class="nav-name nav-name-left"><h1>VIP通道</h1>-->

                <!--<h2></h2></div>-->
            <!--<span class="nav-name-arrow"></span>-->

            <!--<div class="nav-img nav-img-right"><img-->
                    <!--src="http://img.fcstatic.naryou.cn/img/INDEX_TEMPLATE/20150325/1427280805551.png"></div>-->
        <!--</a>-->

        <div class="footer-nav hover-parent clearFix" data-href="themes-bg-edit">
            <a class="fl" href="/phone"><em>俱乐部介绍</em><span
                    style="background-color: rgb(255, 255, 255);"></span></a>
            <a class="fl" href="/news"><em>最新活动</em><span></span></a>
            <a class="fl" href="/isLogin"><em>个人中心</em><span></span></a>
        </div>

    </div>
</div>

    <script type="text/javascript" src="./static/js/modal.js"></script>

    <script type="text/javascript" src="./static/js/jquery.easing.min.js"></script>

    <input type="hidden" id="msg_remind_id" value="0"/>


    <div class="module-footer"
         style="position:absolute;bottom:40px;width:100%;padding: 17px 0 12px;height:30px;background-image: url('./static/new_ui/images/alpha.png');background-size: 100% 100%;background-repeat: repeat-x;">
        <p style="font-size:0.75em;color:#fff;">&copy;中华俱乐部 提供技术支持</p>

    </div>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/jsDialog.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/cookies.js"></script>
    <script type="text/javascript" src="./static/js/jquery.json-2.4.min.js"></script>
    <script type="text/javascript" src="./static/js/zepto.touchwipe.min.js"></script>


    <script type="text/javascript" src="./static/js/idangerous.swiper.js"></script>
    <script type="text/javascript" src="./static/js/idangerous.swiper.progress.js"></script>
    <script type="text/javascript">
        $("body>div").first().append($(".footer").show());
        $(".theme-4").css({height: $(window).innerHeight()});
        $(".theme-1,.theme-2").css({paddingBottom: 110});
        if ($(".theme-4")) {
            if ($(".theme-4 .right-menu li").length <= 5) {
                $(".theme-4").css({paddingBottom: 0});
            } else {
                $(".theme-4").css({paddingBottom: 130});
            }
        }
        $(".theme-3").css({paddingBottom: 170});

        $(".theme-5 .footer-nav").css("left", 0);
        if ($(window).outerHeight() <= 567) {
            $(".theme-5").css({paddingBottom: 150});
        } else {
            $(".theme-5").css({paddingBottom: 150 + ($(window).outerHeight() - 567)});
        }
        $(".menu-container ul").delay(1000).animate({scrollTop: 600}, 1500, function () {
            $(".menu-container ul").animate({scrollTop: 0});

        });

        $(function () {
            /******轮换广告****/
            ~function () {
                var tabins = $('.wipe-list-ul').tabwipe({
                    done_process: 0.4, //移动超过40%则跳转
                    ani_time: 500, //动画切换时间
                    max_speed: 800, //滑屏速度超过800dip跳转
                    is_circle: true, //循环滚动
                    callback: function (index) { //切换回调
                        $('.gcdt-list-curo div').removeClass('cur').eq(index).addClass('cur');
                    }
                }).interval(3000);
            }();

            $(".device").css({width: $(window).innerWidth(), height: $(window).innerHeight()});
            var mySwiper = new Swiper('.swiper-container', {
                mode: "vertical",
                progress: true,
                speed: 800,
                onSlideChangeEnd: function (swiper) {
                    if (swiper.activeIndex) {
                        $(".slide-welcome,.img_up1").remove();
                    }
                }
            });
        });
    </script>
</body>
</html>